<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../css/mui.min.css">
    <!--公共样式-->
    <!--<link rel="stylesheet" type="text/css" href="../css/goods/com.css"/>-->
    <link rel="stylesheet" type="text/css" href="../css/goods/shouhou.css" /> 
    <link rel="stylesheet" href="../css/mui.picker.min.css">
    <script type="text/javascript">
        (function () {
            var clientWidth = document.documentElement ? document.documentElement.clientWidth : document.body.clientWidth;
            clientWidth = clientWidth || localStorage.getItem("clientWidth")
            if (clientWidth > 750)
                clientWidth = 750;
            document.documentElement.style.fontSize = clientWidth * 1 / 16 + "px";
        })();
    </script>
 
</head>

<body>
   
    <header class="mui-bar mui-bar-nav" style="border-bottom: 1px solid #c5c5c5">
        <a class="mui-action-back mui-icon  mui-pull-left arr_left">
        </a>
        <h1 class="mui-title">退款/售后</h1>
        <!-- <a class="mui-pull-right" onclick = "buy_car.is_show_del(this)">管理</a> -->
    </header>
    <div class="mui-content">
        
        <div class="goods_list">
        	
        	
        	<div class="goods_item" v-for="(i,k) in list">
        		<div class="hr_20"></div>
        		<div class="gs_item_main">
        			<div class="gs_header">{{i.busname}}<span class="more" @click="go_page('shouhouxiangqing.html',i.orderid)">查看详情</span></div>
        			<div class="gs_body">
								
        				<div class="gs_i" v-for="(i2,k2) in i.goods">
        					<div class="gs_i_img">
        						<img :src="i2.pic" alt="" />
        					</div>
        					<div class="gs_i_info">
        						<h4 class="show_text_1_line" v-html="i2.name"></h4>
        						<p>×1</p>
        						<div class="price">￥{{i2.price}}</div>
        					</div>
        					
        				</div>
        				 
        			</div>
        			<div class="gs_footer">
        				<span class="left_text">{{i.is_refunt}}   </span>
        				
        				<span class="right_text">
        					合计: <span class="price">￥{{i.money}}</span>
        				</span>
        			</div>
        		</div>
        	</div>
        	
 
        	
        	
        </div>
        <div class="hr_20"></div>
    </div>
    <script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/tools/util.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
			
    	var app = new Vue({
    		el:'.mui-content',
    		data:{
    			list:[]
    		},
    		methods:{
    			go_page:function(u,id){
    			 
    				mui.openWindow(u+"?orderid="+id,u)
    				 
    			},
					
    		},
				created:function(){
					var user = JSON.parse( localStorage.getItem("user") )
					$.ajax({
						type:'get',
						url:'https://zhapp.4hl.cn/app/order/refund_sales',
						data:{
							uid:user.uid,
							type:1
						},
						success:function(res){
							res = JSON.parse(res);
							console.log(res);
							if(res.code==1){
								app.list = res.data;
							}
							
						},
						error:function(err){
							alert(JSON.stringify(err))
						}
					})
				}
    	})
    	
    	 
    </script>
</body>
 
</html>